#Content1 {
  min-height: 390px;

  .col {



    .div {
      position     : relative;
      border-radius: 12px;
      overflow     : hidden;

      img {
        width: 100%;


      }

      .img {
        text-align     : center;
        align-items    : center;
        justify-content: center;
        position       : absolute;
        top            : 0;
        left           : 0;
        width          : 100%;
        height         : 100%;
        background     : rgba(72, 113, 255, 0.8);
        display        : none;
        color          : #fff;
        font-size      : 24px;
        font-weight    : bold;
        transition     : all 0.3s;
        filter         : drop-shadow(5px 5px 15px rgba(72, 113, 255, 0.08));
      }
    }

    .div:hover {
      .img {
        display: flex;
      }
    }

  }

}

#Content2 {
  .bn1 {
    background-image : url(https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/guanwang/group_Rectangle/Rectangle_2.svg);
    background-repeat: no-repeat;
    height           : 100px;
    align-items      : center;
    justify-content  : center;
    background-size  : 100% 100%;
    display          : flex;
    color            : #fff;
    font-size        : 18px;
    font-weight      : bold;
    line-height      : 100px;
  }

  .bn2 {
    width          : 260px;
    height         : 260px;
    box-shadow     : 10px 10px 30px 10px rgba(72, 113, 255, 0.08);
    border-radius  : 12px;
    align-items    : center;
    justify-content: center;
    font-family    : Microsoft YaHei;
    font-style     : normal;
    font-weight    : bold;
    font-size      : 18px;
    line-height    : 24px;
    text-align     : center;
    color          : #434343;
    display        : grid;
    padding-top    : 60px;
    padding-bottom : 60px;
    margin-top     : 80px;
    margin-left    : auto;
    margin-right   : auto;
  }
}

#Content3 {
  background-image   : url(https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/guanwang/bc_p4.png);
  background-repeat  : no-repeat;
  background-size    : 100% auto;
  background-position: bottom;

  .imgc3 {
    object-fit: cover;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px 20px rgba(72, 113, 255, 0.08);
    border    : 1px solid #fff;
    margin    : 0 auto;
    z-index   : 10;
    max-width : 100%;
  }

  .left {
    background-repeat    : no-repeat;
    background-position-y: center;
    background-position-x: right;
    object-fit           : contain;
    align-items          : center;
    justify-content      : center;
    display              : grid;

    img {
      object-fit: contain;
    }
  }

  .right {
    background-repeat    : no-repeat;
    background-position-y: center;
    background-position-x: left;
    align-items          : center;
    justify-content      : center;
    display              : grid;
    z-index              : -10;

    img {
      object-fit: contain;
    }
  }
}

#Content4 {
  text-align: center;

  .c4-1 {
    .c4-n-1 {
      margin-top      : 60px;
      height          : 100px;
      line-height     : 100px;
      transform-origin: bottom left;
    }

    .c4-n-2 {
      margin-top : 40px;
      height     : 120px;
      line-height: 120px;
    }

    .c4-n-3 {
      margin-top : 20px;
      height     : 140px;
      line-height: 140px;

    }

    .c4-n-4 {
      height     : 160px;
      line-height: 160px;

    }

    .c4-1-1 {
      background   : #F0F6FF;
      border       : 1px solid #B5C7F5;
      box-sizing   : border-box;
      box-shadow   : 10px 10px 30px rgba(72, 113, 255, 0.08);
      border-radius: 12px;
      font-family  : Microsoft YaHei;
      font-style   : normal;
      font-weight  : bold;
      font-size    : 48px;
    }

    .c4-1-2 {
      height       : 120px;
      background   : #FFFFFF;
      border       : 1px solid #FFFFFF;
      box-sizing   : border-box;
      box-shadow   : 10px 10px 30px 10px rgba(72, 113, 255, 0.08);
      border-radius: 12px;
      font-family  : Microsoft YaHei;
      font-style   : normal;
      font-weight  : bold;
      font-size    : 48px;
      line-height  : 120px;
      color        : #4871FF;
      margin-top   : 20px;
      margin-bottom: 20px;
    }

    .c4-1-3 {
      background   : #FFFFFF;
      border       : 1px solid #FFFFFF;
      box-sizing   : border-box;
      box-shadow   : 10px 10px 30px rgba(72, 113, 255, 0.08);
      border-radius: 12px;
      min-height   : 252px;


      h4 {
        font-family: Microsoft YaHei;
        font-style : normal;
        font-weight: bold;
        font-size  : 24px;
        line-height: 32px;
        margin-top : 25px;
      }

      p {
        font-family: Microsoft YaHei;
        font-style : normal;
        font-weight: normal;
        font-size  : 18px;
        line-height: 24px;
        padding-top: 20px !important;
        padding    : 40px;
      }
    }

    .c4-1-4 {
      background   : #FFFFFF;
      border       : 1px solid #FFFFFF;
      box-sizing   : border-box;
      box-shadow   : 10px 10px 30px 10px rgba(72, 113, 255, 0.08);
      border-radius: 12px;
      height       : 100px;
      font-family  : Microsoft YaHei;
      font-style   : normal;
      font-weight  : bold;
      font-size    : 24px;
      line-height  : 100px;
      color        : #4871FF;
      margin-top   : 20px;
      margin-bottom: 20px;
    }

    .c4-1-5 {
      filter       : drop-shadow(5px 5px 15px rgba(72, 113, 255, 0.08));
      border-radius: 12px;

      img {
        object-fit: cover;
      }

    }

  }
}

#Content5 {
  margin-bottom: 40px;

  .map-blink {
    position: relative;

    .map-blink2 {
      right   : 40px;
      bottom  : 0;
      position: absolute;
      width   : 120px;
    }
  }
}

#Content6 {
  .c6 {
    display        : flex;
    align-items    : center;
    justify-content: center;
  }

  .c6-c {
    height: 180px;
  }

  .c6-1 {
    display     : inline-block;
    width       : 208px;
    height      : 240px;
    margin-left : 20px;
    margin-right: 20px;
  }

  .c6-2 {
    display     : inline-block;
    width       : 208px;
    height      : 240px;
    margin-left : 20px;
    margin-right: 20px;
  }

  .c6-3 {
    display     : inline-block;
    width       : 208px;
    height      : 240px;
    margin-left : 20px;
    margin-right: 20px;
  }
}

#Footer0 {
  height    : 297px;
  background: #FAFAFA;
  padding   : 40px;

  .foter {
    h4 {
      font-family: Microsoft YaHei;
      font-style : normal;
      font-weight: bold;
      font-size  : 18px;
      line-height: 24px;
      color      : #595959;
    }

    .phone {
      color        : #595959;
      font-family  : Microsoft YaHei;
      font-style   : normal;
      font-weight  : 290;
      font-size    : 18px;
      line-height  : 24px;
      margin-top   : 15px;
      margin-bottom: 15px;

      .span {
        display    : inline-block;
        margin-left: 25px;
        transform  : translateY(5px);
      }


    }

    a {
      font-family  : Microsoft YaHei;
      font-style   : normal;
      font-weight  : 290;
      font-size    : 18px;
      line-height  : 24px;
      color        : #595959;
      display      : inline-block;
      margin-right : 50px;
      margin-top   : 5px;
      margin-bottom: 5px;
    }


  }

  .machine {
    margin-top: 30px;
    text-align: center;
    font-size : 14px;

    a {
      color: #595959;
    }

    img {
      transform: translateY(-2px);
    }
  }
}